<script setup>
const props = defineProps({
  fill: String,
})
</script>

<template>
  <div>
    <svg viewBox="0 0 14 14">
      <path
        :fill="props.fill"
        d="m11.491 7.919-2.489 1.66v1.77l2.489-1.66 2.489 1.66v-1.77zm0 2.434-2.489 1.66v1.771l2.489-1.66 2.489 1.66v-1.771ZM7.43 1.658l-.731.731a.228.228 0 0 0 0 .322l.837.837-7.144 7.143a.458.458 0 0 0-.133.318 21.292 21.292 0 0 0-.239 2.952 21.435 21.435 0 0 0 2.952-.239.458.458 0 0 0 .318-.133l7.143-7.144c1.116 1.012.725 1.313 1.89.106a.228.228 0 0 0 0-.322L10.68 4.588l1.926-1.926c1.89.06 1.215.263 1.335-2.395a.228.228 0 0 0-.227-.228h-2.192a.228.228 0 0 0-.228.219l.025 1.116L9.393 3.3 7.752 1.658a.228.228 0 0 0-.322 0z"
      ></path>
    </svg>
  </div>
</template>
